<template>
<div>
  <el-menu
      style="width: 200px; min-height: calc(100vh - 50px)"
      default-active="user"
      :default-openeds="[1]"
      class="el-menu-vertical-demo"
      menu-trigger="click"
  >
<!--    @open="handleOpen"
      @close="handleClose"   -->
    <el-sub-menu index="1">
        <template #title>系统管理</template>
        <el-menu-item index="user" :route="{path: '/'}">用户管理</el-menu-item>
      </el-sub-menu>
    <el-menu-item index="data" :route="{path: '/'}">数据管理</el-menu-item>


  </el-menu>

</div>
</template>

<script>

import {
  Location,
  Document,
  Menu as IconMenu,
  Setting,
} from '@element-plus/icons-vue'


export default {
  name: "Aside",
    components: {
      Location,
      Document,
      Setting,
      IconMenu,
    },
}


</script>


<style scoped>

</style>